<template>
    <div class="lianxi">
        <header>
        	<span class="s1"><img v-bind:src="imga"/></span>
        	<span class="s2">{{wodedingdan}}</span>
        	<span></span>
        </header>
        <ul>
        	<li v-for="info in infos">
        		<span class="s3"><img v-bind:src="info.imgb"/>&nbsp;&nbsp;&nbsp;&nbsp;{{info.text1}}</span>
        		<span></span>
        		<span class="s4"><img v-bind:src="info.imgc"/></span>
        	</li>
        </ul>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	imga:"../static/img/fanhiu.png",
    	wodedingdan:"我的订单",
    	infos:[
    		{
    			imgb:"../static/img/taobao.png",
    			text1:"淘宝订单",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgb:"../static/img/JD.png",
    			text1:"京东订单",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgb:"../static/img/a.png",
    			text1:"亚马逊订单",
    			imgc:"../static/img/xiayizhang.png",
    		},
    		{
    			imgb:"../static/img/guitou.png",
    			text1:"网易考拉订单",
    			imgc:"../static/img/xiayizhang.png",
    		},
    	]
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/wodedingdan.less);
</style>
